<template>
  <div class="left-card">
    <m-card title="视频监控" :height="300">
      <div class="box">
        <video class="video" controls autoplay>
          <source
            src="https://www.w3school.com.cn/i/video/shanghai.mp4"
            type="video/mp4"
          />
          <source
            src="https://www.w3school.com.cn/i/video/shanghai.ogg"
            type="video/ogg"
          />
          您的浏览器不支持 video 标签。
        </video>
      </div>
    </m-card>
  </div>
</template>
<script setup>
import mCard from "@/components/mCard/index.vue";
</script>

<style lang="scss" scoped>
.box {
  height: 90%;
  .video {
    height: 100%;
  }
}
</style>
